<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="purejs.js"></script>
    <title>账户注册</title>
</head>
<body id="bd">
<div id="particles-js">
<div class="xiao-container">
    <div class="xiao-register-box">
        <div class="xiao-title-box">
            <span>用户注册</span>
        </div>
            <div class="xiao-username-box">
                <span class="xiao-require" >*</span>
                <label for="username">用户ID</label>
                <div class="xiao-username-input">
                    <input type="text" id="userId" name="username" placeholder="请输入用户名 长度:6-12个字符" />
                </div>
            </div>

            <div class="xiao-userPassword-box">
                <span class="xiao-require">*</span>
                <label for="userPassword" >密码</label>
                <div class="xiao-userPassword-input">
                    <input type="password" id="userPassword" name="userPassword" placeholder="请输入密码 长度:6-12个字符" />
                </div>
            </div>

            <div class="xiao-userRePassword-box">
                <span class="xiao-require">*</span>
                <label for="userRePassword">确认密码</label>
                <div class="xiao-userRePassword-input">
                    <input type="password" id="userRePassword" name="userRePassword" placeholder="请重复输入密码" />
                </div>
            </div>

            <div class="xiao-userPhone-box">
                <span class="xiao-require">*</span>
                <label for="userAccount">用户名&emsp;</label>
                <div class="xiao-userPhone-input">
                    <input type="text" id="userAccount" name="userPhone" placeholder="请输入您的账号名，任意字符" />
                </div>
            </div>

            <div class="xiao-userGender-box">
                <span class="xiao-require">*</span>
                <label for="userGender">性别</label>
                <div class="xiao-userGender-input">
                    <input type="radio" id="userGender_01" name="userGender" value="0" checked="checked" />男
                    <input type="radio" id="userGender_02" name="userGender" value="1" />女
                </div>
            </div>

            <div class="xiao-submit-box">
                <input id = "xiao-submit-button" type="button" value="注册" onclick="submitAccout()">
            </div>

            <div class="xiao-goLogin-box">
                <a href="index.html" style="text-decoration: none;">已有账号？去登录</a>
            </div>
    </div>
</div>
</div>
<!--星状效果一定要在最下面，如果不在显示报错-->
<script src="particles.js"></script>
<script src="app.js"></script>

</body>

</html>